﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>图片放大</title>
    <script type="text/javascript" src="js/mysterymzp-packed.js"></script>

    <link href="css/magnifyStyle.css" type="text/css" rel="stylesheet">

    <link href="css/magiczoomplus.css" type="text/css" rel="stylesheet">



</head>
<body>

    <div class="mysterybox">
        <div class="mysteryleft-pro">
            <div class="t1">
                <img src="images/gotop.gif" id="gotop" />
                <div id="mysteryshowArea">
                    <a href="images/img01.jpg" rel="mysteryzoom1" rev="images/img01.jpg"><img src="images/img01s.jpg" /></a>
                    <a href="images/img02.jpg" rel="mysteryzoom1" rev="images/img02.jpg"><img src="images/img02s.jpg" /></a>
                    <a href="images/img04.jpg" rel="mysteryzoom1" rev="images/img04.jpg"><img src="images/img04s.jpg" /></a>
                    <a href="images/img05.jpg" rel="mysteryzoom1" rev="images/img05.jpg"><img src="images/img05s.jpg" /></a>
                    <a href="images/img07.jpg" rel="mysteryzoom1" rev="images/img07.jpg"><img src="images/img07s.jpg" /></a>
                    <a href="images/img08.jpg" rel="mysteryzoom1" rev="images/img08.jpg"><img src="images/img08s.jpg" /></a>
                    <a href="images/img01.jpg" rel="mysteryzoom1" rev="images/img01.jpg"><img src="images/img01s.jpg" /></a>
                    <a href="images/img06.jpg" rel="mysteryzoom1" rev="images/img06.jpg"><img src="images/img06s.jpg" /></a>
                </div>
                <img src="images/gobottom.gif" id="gobottom" />
            </div>
            <div class="mysteryt2">
                <a href="images/img01.jpg" id="mysteryzoom1" class="MagicZoom MagicThumb"><img src="images/img01.jpg" id="mysterymain_img" class="mysterymain_img" style="width:400px;height:400px;" /></a>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="js/mysteryscrollpic.js"></script>

</body>
</html>